import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import { useTheme } from '@mui/material/styles';

const Footer: React.FC = () => {
    const theme = useTheme();

    return (
        <Box
            component="footer"
            sx={{
                position: 'fixed',
                left: 0,
                bottom: 0,
                width: '100%',
                py: 1,
                px: 2,
                boxShadow: '0 -1px 4px rgba(0,0,0,0.04)',
                zIndex: 1201,
                display: 'flex',
                alignItems: 'center',
                bgcolor: theme.palette.background.paper,
                color: theme.palette.text.primary,
                transition: 'background 0.3s, color 0.3s',
            }}
        >
            <Typography
                variant="body2"
                color="text.secondary"
                sx={{ml: 0}}
            >
                © 2023 Jason Lew. All Rights Reserved.
            </Typography>
        </Box>
    );
};

export default Footer;
